$(function () {
    // alert(12345);

    // 进行中借款
    // 定义常量
    let page = 1;
    const row = 8;
    let maxpage;

    // 打开页面执行一次
    pagination(page);

    // 分页功能
    function pagination(page) {
        //修改当前页码
        $('#page').html(page);

        $.ajax({
            url: 'http://139.9.177.51:3333/p2p/getBorrowList',
            type: 'GET',
            data: {
                pageIndex: page, // 当前显示页数
                pageSize: row  // 当前页显示借款条数
            },
            success: function (res) {
                // console.log(res);

                maxpage = Math.ceil(res.total / row);
                $('#maxpage').html(maxpage);

                // 定义字符串保存home页渲染的tr
                let str = '';

                // 遍历当前页显示的借款
                for (let i = 0; i < res.data.length; i++) {
                    // console.log(res.data[i]);

                    // 处理还款方式 repaytype 0按月分期 1按月到期
                    if (res.data[i].repaytype == 0) {
                        res.data[i].repaytype = '按月分期';
                    } else {
                        res.data[i].repaytype = '按月到期';
                    }

                    str += `
                    <tr>
                        <th class="username">${res.data[i].username}</th>
                        <td class="title">${res.data[i].title}</td>
                        <td class="interest">${res.data[i].interest}%</td>
                        <td class="borrowmoney">${res.data[i].borrowmoney}元</td>
                        <td class="repaytype">${res.data[i].repaytype}</td>
                        <td class="ownmoney">${res.data[i].ownmoney}%</td>
                        <td><button type="button" class="btn btn-danger btn-sm" data-id="${res.data[i].id}">查看</button></td>
                    </tr>
                    `
                }

                // 分页插件
                // xlPaging.js 使用方法
                $("#page").paging({
                    nowPage: page, // 当前页码
                    pageNum: maxpage, // 总页码
                    buttonNum: 6, //要展示的页码数量
                    canJump: 1,// 是否能跳转。0=不显示（默认），1=显示
                    showOne: 0,//只有一页时，是否显示。0=不显示,1=显示（默认）
                    callback: function (num) { //回调函数
                        pagination(num);
                    }
                });

                // 渲染数据
                $('.borrow_view').html(str);
            }
        })
    }


    // 点击'查看',查看借款详情
    // 注意点: '查看'是动态获取并渲染,绑定不了事件,利用事件委派
    $('.borrow_view').on('click', 'button', function () {
        // alert('aaa');

        let id = $(this).data('id');
        // console.log(id);

        // 将每条借款唯一id保存至本地
        sessionStorage.setItem('borrowid', id);

        // 页面跳转
        location.href = '#personal/borrow_list'

    })


    // 逾期借款催收
    // 需求: 点击nav区域a标签,切换list页面
    // 批量注册事件
    $('.call_back .nav a').click(function () {
        // alert(1);

        // 切换.nav a样式
        $(this).addClass('active').siblings().removeClass('active');

        // 切换list页面
        // 获取此时a的索引
        let index = $(this).index();
        // console.log(index);
        // 将此时a的索引值index与list_tab索引值相等
        $('.call_back .list .list_tab').eq(index).addClass('show').siblings().removeClass('show');
    })
})
